.kf-login-container
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  .login-box
    margin-top 5%
  .activity-bg1
    float left
    margin-right 160px
    padding-top 5px
    .activity-img
      width 428px
      max-width: 100%;
      max-height: 100%;
  .login-model
      width 398px
      box-shadow: none;
      float: left;
      border-radius: 4px;
      .tip
        margin: 0px 30px;
        li
          line-height 24px
      .login-model--top
         margin-top: 30px;
         margin-bottom: 30px;
         .title
           padding-left 30px
           line-height 24px
           text-align left
         .right
           top 4px
      .login-extentype
        ul
          margin 0px 30px
      .login-status
         margin 0px 30px
         margin-top 15px
      .login-form
          .btn-login
            margin 0px 30px
            margin-top 20px
            width 340px
          .l-input
              width 340px
              margin 0px 30px
              margin-top 20px
$color-theme = #8db1cf
$color-green =  #459ae9
box-size($width=0,$height=0)
    width: $width
    height: $height
.common-ellipsis
    text-overflow:ellipsis
    overflow:hidden
    white-space: nowrap